/** 原子类
 * @module      _atom.scss
 * @description 原子类样式
 * @author      wulidoge
 * @email       wulidoge@qq.com
 * @date        2025-06-07
 */

/* 依赖 */
@use 'var';
// Display
.hidden {
    display: none;
}
.block {
    display: block;
}
.inline {
    display: inline;
}
.inline-block {
    display: inline-block;
}

.hide-scrollbar {
    // 隐藏滚动条（WebKit 浏览器）
    &::-webkit-scrollbar {
        display: none;
    }
    // 隐藏滚动条（Firefox）
    scrollbar-width: none;
    // 隐藏滚动条（IE 和 Edge）
    -ms-overflow-style: none;
}

.inline-flex {
    display: inline-flex;
}
.table {
    display: table;
}
.inline-table {
    display: inline-table;
}
.table-caption {
    display: table-caption;
}
.table-cell {
    display: table-cell;
}
.table-column {
    display: table-column;
}
.table-column-group {
    display: table-column-group;
}
.table-footer-group {
    display: table-footer-group;
}
.table-header-group {
    display: table-header-group;
}
.table-row-group {
    display: table-row-group;
}
.table-row {
    display: table-row;
}
.flow-root {
    display: flow-root;
}

.inline-grid {
    display: inline-grid;
}
.contents {
    display: contents;
}
.list-item {
    display: list-item;
}

.width {
    &-full {
        width: 100%;
    }
}
.height {
    &-full {
        height: 100%;
    }
}

.marging {
}

.padding {
    &-x {
    }
    &-y {
    }
    &-top {
    }
    &-bottom {
    }
    &-left {
    }
    &-right {
    }
}

.br,
.radius,
.border-radius {
    &-round {
        border-radius: 50%;
    }
}

.color-primary {
    color: var(--theme_color--primary);
}

.bg {
    &-color-primary {
        background-color: var(--theme_color--primary);
    }
}
